<!DOCTYPE html>
<html class="no-js" lang="pt" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>ReviewIt - Área Administrativa</title>

	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="author" content="" />

	<link rel="stylesheet" href="../css/normalize.css" />
	<link rel="stylesheet" href="../css/foundation.css" />
	<link rel="stylesheet" href="../css/font_awesome.css" />
	<link rel="stylesheet" href="../css/app.css" />
</h:head>
<h:body>
	<div class="row flexbox-center" style="min-height: 400px;">
		<div id="admin-login" class="large-4 columns large-centered">
			<img src="../images/reviewit.png" />
			<h3>Área Administrativa</h3>

			<p:messages id="message" autoUpdate="true" closable="true" />

			<h:form id="form-login">
				<p:watermark for="login-username" value="Usuário" />
				<p:inputText id="login-username"
					value="#{administratorBean.administrator.username}" required="true"
					validator="validaAlfaNumerico"
					requiredMessage="Informe seu nome de usuário!">
					<h:message for="login-username" style="display: block; color: red"></h:message>
				</p:inputText>
				<p:watermark for="login-password" value="Senha" />
				<p:password id="login-password"
					value="#{administratorBean.administrator.password}"
					validator="validaAlfaNumerico" requiredMessage="informe sua senha!">
					<h:message for="login-password" style="display: block; color: red"></h:message>
				</p:password>

				<p:commandButton actionListener="#{administratorBean.login()}"
					value="Entrar" process="form-login" />
			</h:form>
		</div>
	</div>

	<!-- Scripts -->
	<script type="text/javascript" src="../js/foundation.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
</h:body>
</html>